<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="登录界面.css">
</head>
<body>
   <section>
<div class="main">
    <div class="left">
        <div class="left-main">
            <div class="left-main-hd">
                <h1>
                    <img src="../登录 增删改查/图片/ruoyi.png" alt="">
                </h1>
            </div>
            <h4>
                欢迎使用 <strong>若依 后台管理系统</strong>
            </h4>
            <ul>
                <li> SpringBoot</li>
                <li> Mybatis</li>
                <li> Shiro</li>
                <li> Thymeleaf</li>
                <li> Bootstrap</li>
            </ul>
        </div>
    </div>
    <div class="right">
        <form action="" novalidate="novalidate" autocomplete="off">
            <h4>登录:</h4>
            <p>你若不离不弃，我必生死相依</p>
            <input type="text" class="uname" placeholder="用户名" value="admin">
            <input type="password" class="pword" placeholder="密码" value="admin123">
            <div class="yzm">
                <div class="yzm-main">
                    <input type="text" name="validateCode"placeholder="验证码"maxlength="5" class="remipt" >
                </div>
                <div class="yzm-box">
                    <a href="" title="点击更换验证码">
                        <img src="../登录 增删改查/图片/验证码.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="remeber" >
                
                <input type="checkbox"id="remeber" name="remeber" >
                 <label for="remeber">记住我</label>
            </div>
            <div class="btn" data-loading="正在验证登录，请稍候...">登录</div>
        </form>
    </div>
</div>
<div class="footer">
    <div>
        Copyright © 2018-2021 ruoyi.vip All Rights Reserved. </div>
</div>
   </section>
    <script>
       var uname=document.querySelector(".uname");
       var pword=document.querySelector(".pword");
       var btn=document.querySelector(".btn");
       var remipt=document.querySelector(".remipt");
       btn.addEventListener("click",function(){
          if((uname.value=="admin")&&(pword.value=="admin123")&&(remipt.value=="11")){
             window.location.href="增删改查.html";
            console.log("aaaa");
            }
            //    console.log(remipt.value);
           }
       )
    //    
   </script> 
</body>
</html>